<template>
    <div class="components_table_details">
        <el-dialog :title="'教学进度详情'"
            :visible.sync="state" :show-close="true" :close-on-click-modal="false">
            <table class="el-table el-table--fit el-table--striped el-table--border el-table--enable-row-transition ">
              <tbody class="el-table__body">
                     <tr>
                        <td width="130px"><label>学校：</label></td>
                        <td>{{info.schoolName}}</td>
                        <td width="80px"><label>学院：</label></td>
                        <td>{{info.secondSchoolName}}</td>
                        <td width="80px"><label>专业：</label></td>
                        <td>{{info.professionName}}</td>
                    </tr>

                    <tr>
                        <td><label>班级：</label></td>
                        <td>{{info.classesNames}}</td>
                        <td><label>课程名：</label></td>
                        <td>{{info.courseName}}</td>
                        <td><label>授课日期</label></td>
                        <td>{{info.teachDate}}</td>
                    </tr>

                    <tr>
                        <td><label>授课节次：</label></td>
                        <td>第{{info.section}}节</td>
                        <td><label>授课地点：</label></td>
                        <td colspan="3">{{info.teachPlace}}</td>
                    </tr>

                    <tr>
                        <td><label>授课内容：</label></td>
                        <td colspan="5"> {{info.teachContent}}</td>
                    </tr>
                    <tr>
                        <td><label>课堂效果优势点：</label></td>
                        <td colspan="5"> {{info.teachPositiveEffect}}</td>
                    </tr>
                    <tr>
                        <td><label>课堂效果欠缺点：</label></td>
                        <td colspan="5"> {{info.teachNegativeEffect}}</td>
                    </tr>
                    <tr>
                        <td><label>课堂效果改进方案：</label></td>
                        <td colspan="5"> {{info.teachImprovementScheme}}</td>
                    </tr>
                </tbody>
            </table>
            <div slot="footer" class="dialog-footer">
                <el-button @click="state = false" size="small">关 闭</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
  export default {
    components: {},
    data() {
      return {
        state: false,
        info:{
          schoolName:null,
          secondSchoolName:null,
          professionName:null,
          classesNames:null,
          courseName:null,
          teachDate:null,
          section:null,
          teachPlace:null,
          teachContent:null,
          teachPositiveEffect:null,
          teachNegativeEffect:null,
          teachImprovementScheme:null
        }
      }
    },
    created(){},
    methods: {
      showDialog(id){
        let self = this;
        this.state = true;

        self.axios({
            method:"get",
            url:api.getTeacherWorkProgressDetailById + id,
        }).then(function (response) {
          // console.log(JSON.stringify(response));
          if(response.data.success){
            for(var key in self.info){
                self.info[key] = response.data.data[key];
            };
          }
        });

      }
    }
  }
</script>

<style scoped>
</style>
